/**
 * 学习目标：样式处理
 * 1. 行内样式
 * 2. 外部样式+className
 *    2.1 创建样式文件
 *    2.2 导入样式文件
 *    2.3 设置类名
 */
import React from 'react';
import ReactDOM from 'react-dom';

import './base.css';

// 1. 行内样式
const divNode = (
  <div>
    <h1
      style={{
        color: 'red',
        backgroundColor: 'pink',
      }}
    >
      hello React
    </h1>
    <h2 className="my-header">hello 69</h2>
  </div>
);

ReactDOM.render(divNode, document.getElementById('root'));
